/**
 * Created by Administrator on 2017/10/16.
 */
$(function(){
    var card={
        clickSwitch: !1,
        clickNum:0,
        clientwidth:function (){
            var clientwidth= document.body.clientWidth
            $("html").css("font-size",clientwidth/375*20+"px")
        },
        init:function(){
            this.clickClose(1)
            this.bindEvent()
            //rem初始化
            this.clientwidth()
        },
        bindEvent:function(){
            var e = this;
            //rem
            window.onresize=function(){
                e.clientwidth()
            },
            //次数用尽弹窗关闭
            $(document).on("click", ".closedialog", function () {
                e.clickClose(2)
            }),
            //普通弹框关闭
            $(document).on("click", ".dialog_2-closetc", function () {
                e.clickClose(2)
            }),
            //卡牌点击
            $(document).on("click", ".move-item", function () {
                if (e.clickSwitch) {
                    e.clickSwitch = !1, $(this).children().hide(), $(".outAlert").show(), $(".outIn").animate({
                        top: "7rem"
                    });
                    var a = $(this).children();
                    setTimeout(function () {
                        //次数用完时的弹窗
                        if ($(".outIn").addClass("outIn3"), 0 == e.clickNum) {
                            var i = {
                                name: "time",
                                acid: e.acid,
                                appos: e.appos,
                                appkey: e.appkey,
                                business: e.business,
                                uid: e.uid,
                                ua: e.ua,
                                di: e.di,
                                df: e.df
                            };
                            new Layer(i), $(".outAlert").hide(), a.show(), $(".outIn").removeClass("outIn3"), $(".outIn").css({
                                top: "-5.75rem"
                            })
                        } },500)
                    // else {
                    //        e.tongji("活动参与", 4);
                    //        var t = e.urlHead + "/award/awardInfo",
                    //            s = {
                    //                appkey: e.appkey,
                    //                appos: e.appos,
                    //                business: e.business,
                    //                activityid: e.acid,
                    //                ua: e.ua,
                    //                uid: e.uid,
                    //                i: e.di,
                    //                f: e.df
                    //            },
                    //            r = function (i) {
                    //                if (i.success) {
                    //                    var t = i.data;
                    //                    e.preid = t.awardid, e.awardtype = t.awardtype, e.tongji1("活动发券", 5);
                    //                    var s = {
                    //                        id: 2,
                    //                        title: t.awardname,
                    //                        ticket: t.awardimg,
                    //                        content: t.awardmsg,
                    //                        btntext: t.buttontext,
                    //                        GP: t.validitytime,
                    //                        awardlink: t.awardlink,
                    //                        param: {
                    //                            preid: t.awardid,
                    //                            awardtype: t.awardtype,
                    //                            activityid: e.acid,
                    //                            appos: e.appos,
                    //                            appkey: e.appkey,
                    //                            business: e.business,
                    //                            uid: e.uid,
                    //                            i: e.di,
                    //                            f: e.df,
                    //                            ua: e.ua,
                    //                            modelname: "广告点击",
                    //                            modeltype: 7
                    //                        }
                    //                    };
                    //                    new Dialog(s);
                    //                    $(".popShowPrize").show(), e.tongji1("券曝光", 6), a.show(), $(".outAlert").hide(), $(".outIn").removeClass("outIn3"), $(".outIn").css({
                    //                        top: "-5.75rem"
                    //                    });
                    //                    var r = e.urlHead + "/award/subtracttimes",
                    //                        n = {
                    //                            awardorderid: t.awardorderid,
                    //                            uid: e.uid
                    //                        },
                    //                        o = function (a) {
                    //                            a.success && ($(".carBody-tit>span").text(a.data), e.clickNum = a.data)
                    //                        };
                    //                    baseJs._ajax(r, n, "post", !0, o)
                    //                }
                    //            };
                    //        baseJs._ajax(t, s, "post", !0, r)
                    //    }
                    //}, 500)
                }
            })
        },
        clickClose: function (e) {
            var a = this;
            //更多活动
            //a.clickNum <= 5 && $(".moreAct").addClass("moreFadein"),
             1 == e ? (a.spreadAllNoAnimate(), a.openAllNoAnimate()
                 , setTimeout(function () {
                a.frontimgShowAll(function () {
                    setTimeout(function () {
                        $(".move-item").addClass("transtion2"), $(".move-item").attr({
                            name: "middle"
                        }), setTimeout(function () {
                            a.spreadAll(function () {
                                a.changeBg(), a.clickSwitch = !0
                            })
                        }, 500)
                    }, 200)
                })
            }, 1e3)) : (a.togeAllNoAnimate(),a.spreadAll())
        },
        spreadAllNoAnimate: function () {
            $(".move-item").attr({
                name: "move"
            })
        },
        openAllNoAnimate: function () {
            $(".frontimg").attr({
                class: "frontimg resverse front"
            }), $(".reverseimg").attr({
                class: "reverseimg resverse"
            })
        },
        frontimgShowAll: function (e) {
            $(".frontimg").removeClass("front"), $(".frontimg").addClass("transtion"), $(".frontimg").addClass("resverse"), setTimeout(function () {
                $(".frontimg").removeClass("transtion"), $(".reverseimg").removeClass("resverse"), $(".reverseimg").addClass("transtion"), $(".reverseimg").addClass("front")
            }, 300), e && setTimeout(function () {
                e()
            }, 300)
        },
        spreadAll: function (e) {
            var a = this;
            a.clickSwitch = !1, $(".move-item").css({
                zIndex: 0
            });
            var i = 0,
                t = setInterval(function () {
                    $(".move-item").eq(i).css({
                        zIndex: i
                    }), $(".move-item").eq(i).addClass("transtion2"), $(".move-item").eq(i).attr({
                        name: "move"
                    }), ++i == $(".move-item").length && (a.clickSwitch = !0, clearInterval(t), e && e())
                }, 200)
        },
        changeBg: function () {
            var e = 0,
                a = this;
            clearInterval(a.bgTimer), a.bgTimer = setInterval(function () {
                e == $(".reverseimg").length && (e = 0), $(".bg2").removeClass("bg2"), $(".reverseimg").eq(e).addClass("bg2"), e++
            }, 800)
        },
        togeAllNoAnimate: function () {
            $(".move-item").removeClass("transtion2"), $(".move-item").attr({
                name: "close"
            })
        },

    }
    card.init()


})